<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

	<title> 数据构造  </title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Use the correct meta names below for your web application
		 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
		 
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">-->
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<!-- Basic Styles -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">

	<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">
    
	<!-- G7 fix -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/demo-increase.css">
    
	<!-- SmartAdmin RTL Support is under construction
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->
	<!-- daterangepicker Styles  -->
	<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
	<!--<link rel="stylesheet" type="text/css" media="screen" href="js/plugin/splite/split-pane.css"> -->
	<!-- FAVICONS -->
	<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
	<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">
	
    <link rel="stylesheet" type="text/css" href="tablefix/css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/manhuaTip.1.0.css">

</head>
<body>

<section id="widget-grid" class="">
	<!-- row -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					添加Hbase
				</h4>
			</div>
			<div class="modal-body">
				<div>
					名称 :
					<input id="hbasename" class="input-sm" type="text"  placeholder="" name="hbasename">
				</div>
				<div>
					hbase.rootdir :
					<input id="rootdir_modal" class="input-sm" type="text"  placeholder="" name="rootdir">
				</div>
				<div>
					zookeeper.znode.parent :
					<input id="znodeparent_modal" class="input-sm" type="text"  placeholder="" name="znodeparent">
				</div>
				<div>
					hbase.zookeeper.quorum :
					<input id="quorum_modal" class="input-sm" type="text" placeholder="" name="quorum">
				</div>
				<div>
					hbase.client.usehostnameonly :
					<input id="usehostnameonly_modal" class="input-sm" type="text" placeholder="" name="usehostnameonly">
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary" data-dismiss="modal"  onclick="addhbase();">
					提交
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel2">
					添加表
				</h4>
			</div>
			<div class="modal-body">
				<div>
					名称 :
					<input id="htablename" class="input-sm" type="text"  placeholder="" name="htablename">
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary" data-dismiss="modal"  onclick="addhtable();">
					提交
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

	<div class="row" id="allTaskBox">
		<!-- NEW WIDGET START -->
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-sortable="true" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" style="min-height:500px">
					
					<header>
						<span class="widget-icon"> <i class="fa fa-table"></i> </span>
						<h2> Hbase设置</h2>
					</header>
					<div role="content">
						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
						</div>
						<!-- end widget edit box -->
						<!-- widget content -->
						<div class="widget-body no-padding">
							<div class="widget-body-toolbar" style="height:100%;overflow:hidden;">
								<div class="smart-form" role="form">						
									<div class="pull-left global-search-box2">
										<div id="hbase">
											<section class="pull-left no-padding col" >
												<label class="">选择hbase</label>
												<button id="addhbase" style="padding: 5px 8px;" class="btn btn-primary" data-toggle="modal" data-target="#myModal" >添加hbase</button>
												<label class="input">
												<select id="hbaseselect" class="input-sm" style="width:100%" onchange="getHbaseProperties();">
												</select>
												</label>
												
	                                        </section>
	                                   
										</div>
									</div>
									<div id="hbaseproperties" style="clear:both;border:2px solid lightgrey">
									</div>
									<div class="pull-left global-search-box2">
										<div id="htables">
											<section class="pull-left no-padding col" >
												<label class="">选择表</label>
												<button id="addtable" style="padding: 5px 8px;" class="btn btn-primary" data-toggle="modal" data-target="#myModal2" >添加表</button>		
												<label class="input">
												<select id="htableselect" class="input-sm" style="width:100%" onchange="getSettingRowkeys();">
												</select>
												</label>
										
	                                        </section>
										</div>
									</div>
									<div style="clear:both;border:2px solid lightgrey;overflow: hidden;" >
										<section class="pull-left no-padding col" >
												<label class="">rowkey规则</label>
												<input id="addrowkey" class="btn btn-primary btn-sm" type="button" onclick="addrowkey();" value="添加">
												<div style="clear:both;" >
													<table id="rowkeyrules" style="width: 100%;">
													  
													</table>
												</div>
												<div style="float: left;clear:both;"><input id="updaterowkeys" class="btn btn-primary btn-sm" type="button" onclick="updaterowkeys();" value="提交">
												</div>
	                                    </section>
									</div>									
								</div>							 
							</div>
						</div>
					</div>
				</div>
				
				<!-- end widget -->
			</article>
		<!-- WIDGET END -->

	</div>

	<!-- end row -->

	<!-- end row -->

</section>
<!-- end widget grid -->
<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
	<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>

	<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
	<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->
	<script src="js/plugin/jquery-form/jquery-form.min.js"></script>
	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min.js"></script>

	<!-- CUSTOM NOTIFICATION -->
	<script src="js/notification/SmartNotification.min.js"></script>
	<!-- JARVIS WIDGETS -->
	<script src="js/smartwidgets/jarvis.widget.min.js"></script>

	<!-- EASY PIE CHARTS -->
	<script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

	<!-- SPARKLINES -->
	<script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

	<!-- JQUERY VALIDATE -->
	<script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
	<script src="js/plugin/jquery-validate/localization/messages_zh.js"></script>
	
	<!-- JQUERY MASKED INPUT -->
	<script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

	<!-- JQUERY UI + Bootstrap Slider -->
	<script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

	<!-- browser msie issue fix -->
	<script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

	<!-- SmartClick: For mobile devices -->
	<script src="js/plugin/smartclick/smartclick.js"></script>

	<script src="js/plugin/splite/split-pane.js"></script>

	<!--<script src="js/plugin/date/moment.js"></script> -->
	<!-- <script src="js/plugin/date/daterangepicker.js"></script> -->

	<!-- JQUERY SELECT2 INPUT -->
	<script src="js/plugin/select2/select2.min.js"></script>


	<!--[if IE 8]>

	<h1>你的浏览器版本太低，为了您正常使用本系统，请到此处升级浏览器版本 www.microsoft.com/download</h1>

	<![endif]-->

	<!-- Demo purpose only -->
	<script src="js/demo.js"></script>

	<!-- MAIN APP JS FILE -->
	<script src="js/app.js"></script>
	<!-- 表头中英文对照 -->
	<script src="js/zh2ch.js"></script>
	<script src="js/oFixedTable.js"></script>
	
    <script type="text/javascript" src="tablefix/js/jquery.freezeheader.js"></script>
	<script type="text/javascript" src="js/plugin/iresizer/iframeResizer.contentWindow.min.js"></script> 
	<script src="js/common.js"></script>
	<script src="js/hbasecommon.js"></script>
	<script src="js/hbasesetting.js"></script>

<script type="text/javascript">
</script>
</body>

</html>